<template>
    <div>

        <el-container>
            <el-header style="height:61px; border-bottom: 1px solid #dcdfe6;">
                <header1></header1>
            </el-header>
            <el-container>
                <el-aside width="200px" class="ddd" :style="{height : offsetheight + 'px'}">
                    <menu1></menu1>
                </el-aside>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>

    </div>
</template>

<script>

    import header1 from '@/components/header'
    import menu1 from '@/components/menu'
    import {mapGetters} from 'vuex'

    export default {

        name: 'index',

        data() {
            return {
                offsetheight: document.documentElement.clientHeight - 60,    //获取当前页面的高度
                offsetwidth: document.documentElement.clientWidth,
            }
        },

        props: {},

        components: {
            header1,
            menu1,
        },

        computed: {
            ...mapGetters([
                // 'systemList',
                // 'pageInfo',
            ]),
        },

        methods: {},

        watch: {},

        mounted() {
            this.$store.dispatch('getMenuList');
            // this.$store.commit('setPageInfo');
        },

    }
</script>

<style scoped>
    .ddd {
        border-right: solid 1px #e6e6e6;
    }


</style>
